<template>
    <div class="aaa">
        <LinkChart :data="data"></LinkChart>
        <div>我更新了一下</div>
        <!-- <BarChart></BarChart> -->
        <!-- <Upload> </Upload>
        <div>
            <AnnularChart></AnnularChart>
            <AnnularChart3D></AnnularChart3D>
        </div> -->
    </div>
</template>
<script lang="ts">
export const data1 = '11232432';
</script>

<script setup lang="ts">
onMounted(() => {
    const worker = new Worker('/public/worker.js'); // 创建 Web Worker 参数为worker.js文件路径
    worker.onmessage = (event) => {
        // 监听Web Worker消息处理
        console.log(event.data);
    };
    worker.postMessage('哇酷哇酷');
});
const data = ref([
    {
        name: '1月',
        value1: 10,
        value2: 2
    },
    {
        name: '2月',
        value1: 20,
        value2: 4
    }
    // {
    //     name: '1月',
    //     value1: 10,
    //     value2: 2
    // },
    // {
    //     name: '2月',
    //     value1: 20,
    //     value2: 4
    // },
    // {
    //     name: '3月',
    //     value1: 30,
    //     value2: 8
    // },
    // {
    //     name: '4月',
    //     value1: 40,
    //     value2: 12
    // }
]);
setTimeout(() => {
    data.value = [
        {
            name: '1月',
            value1: 10,
            value2: 2
        },
        {
            name: '2月',
            value1: 20,
            value2: 4
        },
        {
            name: '3月',
            value1: 30,
            value2: 8
        },
        {
            name: '4月',
            value1: 40,
            value2: 12
        },
        {
            name: '5月',
            value1: 40,
            value2: 12
        }
    ];
    // setInterval(() => {
    //     data.value.shift();
    //     data.value.push({
    //         name: '1月',
    //         value1: Math.random() * 10,
    //         value2: Math.random() * 5
    //     });
    // }, 500);
}, 3000);
</script>

<style lang="scss" scoped>
.aaa {
    display: flex;
    background-color: #aaa;
    .da {
        width: 500px;
        height: 5000px;
    }
}
img {
    width: 300px;
}
</style>
